﻿@model IEnumerable<RIS.TMP.WEB.APP.Models.CCheckPlan>

@{
    ViewBag.Title = "การตั้งค่าระบบ : ข้อมูลเช็คระยะ";
}
@section Settings{
    <h2 class="sub-header">การตั้งค่าระบบ : ข้อมูลเช็คระยะ</h2>

    <p>
        @Html.ActionLink("Create New", "Create", new object { }, new { @class = "btn btn-primary" })
    </p>
    <div class="table-responsive">
        <table id="table" class="table table-striped table-bordered table-hover" aria-describedby="table_info">
            <thead>
                <tr>
                    <th>
                        @Html.DisplayName("ระยะเช็ค")
                    </th>
                    <th>
                        @Html.DisplayName("เพิ่มเติม")
                    </th>
                    <th class="center" style="width: 200px;"></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model)
                {
                    <tr>
                        <td>
                            @Html.DisplayFor(modelItem => item.ChpName)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.Remarks)
                        </td>
                        <td>
                            @*@Html.ActionLink("Edit", "Edit", new { id = item.ChpId }) |
                              @Html.ActionLink("Details", "Details", new { id = item.ChpId }) |
                              @Html.ActionLink("Delete", "Delete", new { id = item.ChpId })*@
                            @Html.ActionLink("แก้ไข", "Edit", new { id = item.ChpId }, new { @class = " glyphicon glyphicon-search btn btn-default" })  @*, @type = "button"*@
                            @Html.ActionLink("รายละเอียด", "Details", new { id = item.ChpId }, new { @class = "btn btn-default glyphicon glyphicon-search", @type = "button" }) @*, @type = "button"*@
                            @Html.ActionLink("ลบ", "Delete", new { id = item.ChpId }, new { @class = "btn btn-default glyphicon glyphicon-search", })  @*, @type = "button" btn btn-primary*@
                            
                            @*<span class="glyphicon glyphicon-search"></span>
                            <p>
                                <button type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-sort-by-attributes"></span>
                                </button>
                                <button type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
                                </button>
                                <button type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-sort-by-order"></span>
                                </button>
                                <button type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-sort-by-order-alt"></span>
                                </button>
                            </p>
                            <button type="button" class="btn btn-default btn-lg">
                                <span class="glyphicon glyphicon-user"></span> User
                            </button>
                            <button type="button" class="btn btn-default btn-sm">
                                <span class="glyphicon glyphicon-user"></span> User
                            </button>
                            <button type="button" class="btn btn-default btn-xs">
                                <span class="glyphicon glyphicon-user"></span> User
                            </button>*@
                        </td>
                    </tr>
                }
            <tbody>
        </table>
        </div>
}

@section scripts {
    @Scripts.Render("~/Scripts/jquery.dataTables.min.js")
    @Scripts.Render("~/Scripts/dataTables.bootstrap.js")
    @*@Scripts.Render("~/Scripts/css/dataTables.bootstrap.css")*@
    <script type="text/javascript">
        $(".AE").show();
        $(document).ready(function () {
            $('#table').dataTable({
                "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
            });
        });

        $.extend($.fn.dataTableExt.oStdClasses, {
            "sWrapper": "dataTables_wrapper form-inline"
        });
    </script>
}
